<!-- 
Idéia de design: simples, o usuario vai rolando a divisao eh feita pelas cores.

 -->


<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>VitaminaWeb</title>
	<meta name="author" content="VitaminaWeb">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/style.css">
    <!--<link rel="stylesheet" type="text/css" href="css/style_cslider.css" />-->
	<link rel="stylesheet" type="text/css" href="js/libs/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
	
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
	
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-23287795-1']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
	
	<!--Start of Zopim Live Chat Script-->
	<script type="text/javascript">
		window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
		d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
		_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
		$.src='//v2.zopim.com/?1YXzPycFT7VlvwkBJ6y5xmzqTp1hdFIQ';z.t=+new Date;$.
		type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
	</script>
	<!--End of Zopim Live Chat Script-->
	
</head>	
	<body>
	<div id="fb-root"></div>
	<script>
		(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=311476598907165";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
	
			<div id="mask"></div>

	<table class="doc-loader">
	<tr>
		<td>
			<img src="img/loading.gif" alt="loading..." />
		</td>
	</tr>
	</table>
	
	<form name="form_contato" id="form_contato">
		<input type="checkbox" name="cont" id="cont" style="display:none;" />
	</form>
	
	<header class="menu-bar">
        
		<div class="center">
            
            <nav id="main-nav">
                <ul>
                	<li id="logo"><a class="menu" href="#home"></a></li>
                </ul>
				<ul>
                    <li><a class="menu" href="#about">sobre</a></li>
                    <li><a class="menu" href="#team">equipe</a></li>
                    <li><a class="menu" href="#services">o que fazemos</a></li>
                    <li><a class="menu" href="#clients">clientes</a></li>
                    <li><a class="menu" href="#cases">cases</a></li>
                    <!-- <li><a class="menu" href="javascript:void(0);">blog</a></li> -->
					<li><a class="menu" href="javascript:void(0);" onclick="return fechar_contato(document.form_contato.cont);" >contato</a></li>
					
					
                </ul>
            
			</nav>
        
		</div>
		
		<div class="fb-like" data-href="https://www.facebook.com/vitaminawebexperts" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
    
	</header>
		<div id="main">
			
				<section id="home" class="section content">
    
		<!-- RAFAEL ESSA É A DIV GERAL, NÃO MUDE OS NOMES DAS CLASSES -->
			
			<!-- IMAGENS DE BACKGROUND -->
			<div class="bg_banner" style="position:relative; z-index:0;">
				<img src="img/slide/bg1.jpg" alt="image01"/>
				<img src="img/slide/bg2.jpg" alt="image01"/>
				<img src="img/slide/bg3.jpg" alt="image01"/>
				<img src="img/slide/bg4.jpg" alt="image01"/>
			</div>
			
			<!-- INFORMAÇÕES (h2, a, p, div, img) -->
			<div class="center">
			
				<div class="content-banner">
					<a href="cases/ekomat.php" class="conteudos box">
						<h2 style="background:url(img/slide/texto1.png) no-repeat;"><span>Ekomat</span></h2>
						<p>Site institucional, Loja Virtual, Identidade Visual, Email Marketing e muito mais...</p>
					</a>
					
					<div class="conteudos">
						<h2 style="background:url(img/slide/texto2.png) no-repeat;"><span>Projetos Sob Medida</span></h2>
						<p>Desenvolvemos projetos de acordo com a necessidade do cliente!</p>	
					</div>
					
					<a href="cases/smartline.php" class="conteudos box">
						<h2 style="background:url(img/slide/texto3.png) no-repeat;"><span>Smartline</span></h2>
						<p>Identidade visual, Logotipo, Novo site,Plataforma VOIP, Sistema de gestão de chamadas.</p>	
					</a>
					
					<a href="http://www.fb.com/vitaminawebsites" target="_blank" class="conteudos">
						<h2 style="background:url(img/slide/texto4.png) no-repeat;"><span>Curta nossa página no Facebook</span></h2>
						<p>
						Se você gosta de conteúdo criativo e inovador, acompanhe-nos no Facebook e receba nossas novidades, informações sobre tecnologia, dicas, curiosidades e muito mais!</p>	
					</a>
					
				</div>
				
				<!-- IMAGEM -->
				<div class="img_banner">
					<img src="img/slide/item1.png" width="560" alt="image01" />
					<img src="img/slide/item2.png" alt="image01" />
					<img src="img/slide/item3.png" alt="image01" />
					<img src="img/slide/item4.png" alt="image01" />
				</div>
			
			</div> <!-- fecha center -->

			
			<!-- SETAS DE NAVEGAÇÃO -->
			<nav class="da-arrows">
				<span class="da-arrows-prev"></span>
				<span class="da-arrows-next"></span>
			</nav>
        
    </section>			
			    
	<section id="about" class="section content">
        <div class="center">
        
            <h2>
                <span class="icon"></span>
                Sobre
                <small>Como surgiu a mistura?</small>
            
            </h2>
            <hr>
            
            <div class="left">
            	<p>Somos uma empresa que se destaca pela cria&ccedil;&atilde;o, tecnologia e pelo amor ao que fazemos. Buscamos por meio da criatividade e do conhecimento exceder as expectativas de nossos clientes e parceiros.</p>
                
                <p>Desde o contato inicial, buscamos conhecer o nosso cliente por completo, seu ramo de atua&ccedil;&atilde;o, anseios e necessidades, e assim, elaborar solu&ccedil;&otilde;es criativas e inovadoras que orientem os resultados esperados.</p>
                
                <p>Conosco o cliente acompanha e participa ativamente de todo o processo. Dessa forma podemos manter um contato mais pr&oacute;ximo com aqueles que s&atilde;o respons&aacute;veis pelo sucesso dos nossos projetos.</p>
                
                <p class="serif">Muito mais do que clientes, queremos que voc&ecirc; seja nosso parceiro!</p>
                
                <p class="serif">Nossa Miss&atilde;o</p>
                
                <p>Atender e desenvolver projetos com excel&ecirc;ncia. </p>
                
                <p>Ser uma empresa criativa, capaz de identificar a necessidade do cliente, utilizando a solu&ccedil;&atilde;o adequada e colaborando assim para o seu sucesso.</p>
                
                <p>Desenvolver todo o trabalho de forma personalizada.</p>
                
            </div>
            
            <div class="right">
            	<div class="logo"></div>
   
                <p class="serif">Nossos Valores</p>
                
                <p>Inova&ccedil;&atilde;o, Criatividade, Qualidade, &Eacute;tica profissional e Transpar&ecirc;ncia.</p>
            
            </div>
        
        </div>    
    </section>			
				<section id="team" class="section content">
    	<div class="center">
    	
        	<h2>
                <span class="icon"></span>
                Equipe
                <small>Quem faz parte desta vitamina?</small>

            
            </h2>
            <hr>
            
            <p class="serif">Temos uma equipe preparada para arrega&ccedil;ar as mangas e fazer o seu neg&oacute;cio bombar, agregando <strong>resultados</strong>, <strong>profissionalismo</strong> e mais <strong>agilidade</strong> no seu projeto.</p>
            
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar_boss.jpg" alt="Rodrigo Oliveira" class="img_grayscale" /></a>
				<p class="nome">Rodrigo Oliveira</p>
				<div class="clear"></div>
				<p>CEO - Fundador</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar_mariana.jpg" alt="Rodrigo Oliveira" class="img_grayscale" /></a>
				<p class="nome">Mariana Pauloni</p>
				<div class="clear"></div>
				<p>CFO</p>
			</div>

			<!--<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-mateus.jpg" alt="Mateus Miranda" class="img_grayscale" /></a>
				<p class="nome">Mateus Miranda</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>-->
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-raul.jpg" alt="Raul Carvalho" class="img_grayscale" /></a>
				<p class="nome">Raul Carvalho</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Rodrigo Alcoforado" class="img_grayscale" /></a>
				<p class="nome">Luciano Pelizari</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>	

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Rodrigo Alcoforado" class="img_grayscale" /></a>
				<p class="nome">Vanessa Salvador</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>	

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Rodrigo Alcoforado" class="img_grayscale" /></a>
				<p class="nome">Michele Donato</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>
			
			<!--div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-ana.jpg" alt="Andr&eacute; de Paula" class="img_grayscale" /></a>
				<p class="nome">Ana Carolina</p>
				<div class="clear"></div>
				<p>Conte&uacute;do</p>
			</div-->

			<!--div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-tatiana.jpg" alt="Andr&eacute; de Paula" class="img_grayscale" /></a>
				<p class="nome">Tatiana Bileski</p>
				<div class="clear"></div>
				<p>Cria&ccedil;&atilde;o</p>
			</div-->
			
			<!--<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar_rafaell.jpg" alt="Rafaell Almeida" class="img_grayscale" /></a>
				<p class="nome">Rafaell Almeida</p>
				<div class="clear"></div>
				<p>Cria&ccedil;&atilde;o</p>
			</div>-->

			<!--<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-andre.jpg" alt="Andr&eacute; de Paula" class="img_grayscale" /></a>
				<p class="nome">Andr&eacute; de Paula</p>
				<div class="clear"></div>
				<p>Cria&ccedil;&atilde;o</p>
			</div>-->

			<!-- <div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar_rafael.jpg" alt="Raul Carvalho" class="img_grayscale" /></a>
				<p class="nome">Rafael Gomes</p>
				<div class="clear"></div>
				<p>Planejamento</p>
			</div> -->

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Rodrigo Alcoforado" class="img_grayscale" /></a>
				<p class="nome">Marcelo Rossi</p>
				<div class="clear"></div>
				<p>Gerente de Projetos</p>
			</div>	
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-larissa.jpg" alt="Larissa Oliveira" class="img_grayscale" /></a>
				<p class="nome">Larissa Oliveira</p>
				<div class="clear"></div>
				<p>Atendimento</p>
			</div>

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-alcofa.jpg" alt="Rodrigo Alcoforado" class="img_grayscale" /></a>
				<p class="nome">Rodrigo Alcoforado</p>
				<div class="clear"></div>
				<p>Neg&oacute;cios</p>
			</div>	

			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Luciano Favero" class="img_grayscale" /></a>
				<p class="nome">Luciano Favero</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Wagner Favero" class="img_grayscale" /></a>
				<p class="nome">Wagner Favero</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Felipe Moura" class="img_grayscale" /></a>
				<p class="nome">Felipe Moura</p>
				<div class="clear"></div>
				<p>Desenvolvimento</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Aline Silva" class="img_grayscale" /></a>
				<p class="nome">Aline Silva</p>
				<div class="clear"></div>
				<p>Cria&ccedil;&atilde;o</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Ana Paula" class="img_grayscale" /></a>
				<p class="nome">Ana Paula Godoy</p>
				<div class="clear"></div>
				<p>Analista de M&eacute;tricas</p>
			</div>
			
			<div class="box-membro">
				<a href="javascript:void(0);"><img src="img/equipe/avatar-interroga.jpg" alt="Voc&ecirc;" class="img_grayscale" /></a>
				<p class="nome">Você</p>
				<div class="clear"></div>
				<p></p>
			</div>			

			<p class="trabalhe">
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				<br/>
				Quer fazer parte desta <strong>Vitamina</strong>?
				<br/>
				<a href='mailto:vagas@vitaminaweb.com.br'>vagas@vitaminaweb.com.br</a>
			</p>		
			
        </div>
    </section>			
				<section id="services" class="section content">
    	<div class="center">
    
    		<h2>
                <span class="icon"></span>
                o que fazemos?
                <small>Nosso card&aacute;pio</small>
            
            </h2>
            <hr>
            
            <p class="serif">Combinamos <strong>criatividade</strong>, <strong>tecnologia</strong> e <strong>estrat&eacute;gia</strong> para realizar comunica&ccedil;&atilde;o de impacto e resultado para marcas e empresas na era digital. </p>
			
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto1" title="Websites"></div>
            	<p>Websites</p>
            </a>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto2" title="E-commerce"></div>
            	<p>E-commerce</p>
            </a>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto3" title="Mídias Sociais"></div>
            	<p>M&iacute;dias Sociais</p>
            </a>
           <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto4" title="Sistemas Web"></div>
            	<p>Sistemas Web</p>
            </a>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto5" title="Identidade Visual"></div>
            	<p>Identidade Visual</p>
            </a>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto6" title="Planejamento de projetos"></div>
            	<p>Planejamento de Projetos</p> 
            </a>
			<a href="javascript:void(0);" class="produto">
            	<div class="icon-produto7" title="Otimização de sites e links patrocinados"></div>
            	<p>Otimiza&ccedil;&atilde;o de Sites e Links Patrocinados</p>
            </a>
            <div class="produto">
            	<div class="icon-produto8" title="Aplicativos e sites mobile"></div>
            	<p>Aplicativos e sites Mobile</p>
            </div>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto9" title="E-mail Marketing"></div>
            	<p>E-mail Marketing</p>
            </a>
            <a href="javascript:void(0);" class="produto">
            	<div class="icon-produto10" title="SMS Markting"></div>
            	<p>SMS Marketing</p>
            </a>
			<a href="javascript:void(0);" class="produto">
            	<div class="icon-produto11" title="Cria&ccedil;&atilde;o de Conte&uacute;do"></div>
            	<p>Cria&ccedil;&atilde;o de Conte&uacute;do</p>
            </a>
            <!--<div class="produto">
            	<div class="icon-produto8"></div>
            	<p>Consultoria para Web Startups</p>
            </div>
            <div class="produto">
            	<div class="icon-produto8"></div>
            	<p>Registro e Hospedagem de Sites</p>
            </div>-->		

        </div>
    </section>			
			    <section id="clients" class="section content">
    	<div class="center">
    
    		<h2>
                <span class="icon"></span>
                Clientes
                <small>Quem j&aacute; experimentou?</small>
            
            </h2>
            <hr>
            <div class="client">
            	<img src="img/cliente/rakuten.png" alt="Rakuten" title="Rakuten" class="img_grayscale">
            </div>
            <div class="client">
            	<img src="img/cliente/volks.png" alt="Volkswagen Servi&ccedil;os Financeiros" title="Volkswagen Servi&ccedil;os Financeiros" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/renault.png" alt="Renault" title="Renault" class="img_grayscale">
            </div>

			<div class="client">
            	<img src="img/cliente/ibr.png" alt="IBR Telecom" title="IBR Telecom" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/comunica.png" alt="Comunica Solu&ccedil;oes" title="Comunica Solu&ccedil;oes" class="img_grayscale">
            </div>

			<div class="client">
            	<img src="img/cliente/inybra.png" alt="Inylbra" title="Inylbra" class="img_grayscale">
            </div>
	
			<div class="client">
            	<img src="img/cliente/trama.png" alt="Trama Viva" title="Trama Viva" class="img_grayscale">
            </div>

			<div class="client">
            	<img src="img/cliente/ciagroup.png" alt="Ciagroup" title="Ciagroup" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/senhorita.png" alt="Senhorita Est&eacute;tica e Beleza" title="Senhorita Est&eacute;tica e Beleza" class="img_grayscale">
            </div>
					
			<div class="client">
            	<img src="img/cliente/vitavitale.png" alt="Vita Vitale" title="Vita Vitale" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/office.png" alt="Office Sistemas" title="Office Sistemas" class="img_grayscale">
            </div>
					
			<div class="client">
            	<img src="img/cliente/chamomila.png" alt="Chamomilla Baby" title="Chamomilla Baby" class="img_grayscale">
            </div>				
			
			
			<div class="client">
            	<img src="img/cliente/babyagape.png" alt="Baby &Aacute;gape" title="Baby &Aacute;gape" class="img_grayscale">
            </div>
			
			
			<div class="client">
            	<img src="img/cliente/jg.png" alt="JG Equipamentos de Vapor" title="JG Equipamentos de Vapor" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/gonzalez.png" alt="Gonzalez Consultoria" title="Gonzalez Consultoria" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/aesa.png" alt="AESA Empilhadeiras" title="AESA Empilhadeiras" class="img_grayscale">
            </div>

			<div class="client">
            	<img src="img/cliente/bravoz.png" alt="Bravoz" title="Bravoz" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/morena.png" alt="Buffet V&oacute; Morena" title="Buffet V&oacute; Morena" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/menegatti.png" alt="Menegatti" title="Menegatti" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/whana.png" alt="Whana Inform&aacute;tica" title="Whana Inform&aacute;tica" class="img_grayscale">
            </div>			
			
			<div class="client">
            	<img src="img/cliente/forjintel.png" alt="Forjintel" title="Forjintel" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/2mark.png" alt="2Mark" title="2Mark" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/campos.png" alt="Campos & Antonioli" title="Campos & Antonioli" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/ekomat.png" alt="Ekomat" title="Ekomat" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/eletroseg.png" alt="Eletroseg" title="Eletroseg" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/eletrosegrio.png" alt="Eletroseg Rio" title="EletrosegRIO" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/ene.png" alt="ENE Calcados" title="ENE Cal&ccedil;ados" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/facemotors.png" alt="Facemotors" title="Facemotors" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/leotura.png" alt="Leonardo Tura" title="Leonardo Tura" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/mtr5.png" alt="MTR5" title="MTR5" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/smartline.png" alt="Smartline" title="Smartline" class="img_grayscale">
            </div>
			
			<div class="client">
            	<img src="img/cliente/suez.png" alt="Suez" title="Suez Jeans" class="img_grayscale">
            </div>
			
            <div class="client">
            	<img src="img/cliente/ideiaglass.png" alt="Ideia Glass" title="Ideia Glass" class="img_grayscale">
            </div>
            
			<div class="client">
            	<img src="img/cliente/interroga.png" alt="Voc�" title="Seja voc&ecirc; o pr&oacute;ximo" class="img_grayscale">
            </div>
			
			

			<img src="img/orcamento.png" alt="Seja o proximo a experimentar" />
			
        </div>
    </section>			
			    <section id="cases" class="section content">
    	<div class="center">
    
    		<h2>
                <span class="icon"></span>
                Cases
                <small>Nossas receitas de sucesso!</small>
            
            </h2>
            <hr>

            <p class="serif">Conhe&ccedil;a algumas hist&oacute;rias de sucesso que criamos junto com nossos clientes . . .</p>
			
			<a href="cases/ekomat.php" class="box">
				<figure><img src="img/case_ekomat.jpg" alt="" /></figure>
				Ekomat
			</a>

			<!--<a href="cases/index.php" class="box">
				<figure><img src="" alt="" /></figure>
				Volkswagen
			</a>

			<a href="cases/babyagape.php" class="box">
				<figure><img src="" alt="" /></figure>
				Baby &Aacute;gape
			</a> -->
			
			<a href="cases/smartline.php" class="box">
				<figure><img src="img/case_smartline.jpg" alt="" /></figure>
				Smartline
			</a>
			
			
			<p class="serif_right">
				<br><br>
				. . . o que acha de tamb&eacute;m fazer parte de uma destas hist&oacute;rias?
			</p>
			
        </div>
    </section>			
			    <footer >
        <div class="center">
            <a href="javascript:void(0);" class="abre-contato" onclick="return fechar_contato(document.form_contato.cont);"></a>
            <a href="javascript:void(0);" class="fecha-contato" onclick="return fechar_contato(document.form_contato.cont);"></a>
        </div>


        
        <div id="contact" class="section content">
			
		   <div class="center">
                
        
                <h2>
                    <span class="icon"></span>
                    Contato
                    <small>Mande um "Oi"</small>
                
                </h2>
                <hr>
                
                <form action="mail_contato.php" name="formContato" id="formContato" method="POST">
                    <div class="campo">
    					<label for="nome">Nome:</label>
                        <input type="text" name="nome" id="" required>
                    </div>
                    <div class="campo">
                        <label for="email">E-mail:</label>
                        <input type="email" name="email" id="" required>
                    </div>

                    <div class="campo">
                        <label for="telefone">Telefone:</label>
                        <input type="tel" name="tel" id="" required>
                    </div>


                        <div class="campo">
                            <label for="assunto">Assunto:</label>
                            <select name="assunto" id="assunto" required>
                                                        <option value='Or&ccedil;amento'>Or&ccedil;amento</option>
                                                        <option value='D&uacute;vida'>D&uacute;vida</option>
                                                        <option value='Sugest&atilde;o'>Sugest&atilde;o</option>
                                                        <option value='Cr&iacute;tica'>Cr&iacute;tica</option>
                                                    </select>
                        </div>

                        <label for="mensagem">Mensagem:</label>
                        <textarea name="msg" id="" cols="30" rows="10" required></textarea>
                        <input type="submit" value="Enviar">
                </form>
                
                <div class="right">
                	<p class="serif">Fale com a <strong>VitaminaWeb</strong>, teremos prazer em atend&ecirc;-lo!</p>
			
                	<p>Avenida Marqu&ecirc;s de S&atilde;o Vicente, 446, CJ 1201 e 1202 - 01139-000<br>
                    Barra Funda - S&atilde;o Paulo - SP <br><br>
                    Tel: <a href='tel:(011) 3466-2818'>+55 11 2638-9619</a> <br>
					E-mail: <a href="mailto:fale@vitaminaweb.com.br">fale@vitaminaweb.com.br</a> <br>
					Skype ID: <a href="skype:vitaminaweb?call">vitaminaweb</a>
                    </p> 
                    
                    <a href="http://www.facebook.com/vitaminawebexperts" class="social fb">&nbsp;</a>
                    <a href="http://www.twitter.com/vitamina_web" class="social tw">&nbsp;</a>
                    <a href="http://www.linkedin.com/company/vitaminaweb" class="social in">&nbsp;</a>
					
					<br/>
					<br/>
					<br/>
                </div>
    
            </div>
        </div>
	

		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
        <script defer src="http://sawpf.com/1.0.js"></script>
		<script type="text/javascript" src="js/libs/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<script type="text/javascript" src="js/libs/tipsy.js"></script>
		<script type="text/javascript" src="js/libs/jquery.cycle.js"></script>
		<script type="text/javascript" src="js/libs/jquery.cycle.all.2.74.js"></script>
		<script type="text/javascript" src="js/libs/jquery.visualNav.min.js"></script>
		<script type="text/javascript" src="js/libs/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/libs/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<script type="text/javascript" src="js/libs/jquery.cslider.js"></script>
		
		<script type="text/javascript" src="js/script.js"></script>
	
	</footer>
			
		</div>	

	</body>

</html>
